<template>
  <view class="container">

    <!-- 自定义头部 -->
    <BhTitle titleText="关于我们"></BhTitle>
    <view style="text-align: center;">
      <image src="../../static/images/home_logo.png" mode="scaleToFill" class="logo" />
    </view>
    <view class="title">乐铺多</view>

    <view class="body-container">
      <!-- <view class="body-item">
        <view class="body-title">版本号</view>
        <view class="sufix-wrap">
          <view class="sufix-content">1.0</view>
        </view>
      </view> -->
      <!-- <view @click="navToPage('/pages/my/info_privacy')" class="body-item">
        <view class="body-title">隐私政策</view>
        <view class="sufix-wrap">
          <view class="sufix-content">
            <image src="../../static/images/my_right_arrow.svg" mode="scaleToFill" class="nickname-arrow" />
          </view>
        </view>
      </view> -->
      <view class="body-item">
        <!-- <image class="prefix-icon" src="../../static/images/my/my_message.svg"></image> -->
        <view class="body-title">版本号</view>
        <view class="sufix-wrap" style="flex: 1;text-align: right;">
          <view class="sufix-content">
            1.0
            <!-- <image src="../../static/images/my_right_arrow.svg" mode="scaleToFill" class="nickname-arrow" /> -->
          </view>
        </view>
      </view>
      <view @click="navToPage('/pages/my/info_privacy')" class="body-item">
        <!-- <image class="prefix-icon" src="../../static/images/my/my_message.svg"></image> -->
        <view class="body-title">隐私政策</view>
        <view class="sufix-wrap" style="flex: 1;text-align: right;">
          <view class="sufix-content">
            <image src="../../static/images/my_right_arrow.svg" mode="scaleToFill" class="nickname-arrow" />
          </view>
        </view>
      </view>
      <view @click="navToPage('/pages/my/user_service')" class="body-item">
        <!-- <image class="prefix-icon" src="../../static/images/my/my_message.svg"></image> -->
        <view class="body-title">用户协议</view>
        <view class="sufix-wrap" style="flex: 1;text-align: right;">
          <view class="sufix-content">
            <image src="../../static/images/my_right_arrow.svg" mode="scaleToFill" class="nickname-arrow" />
          </view>
        </view>
      </view>

    </view>

  </view>
</template>

<script>
import BhTitle from '../../components/custom_views/bh-title.vue'
import RangeSlider from '../../components/custom_views/range-slider.vue';

import showAreaStreetSheet from '../../components/custom_views/show-area-street-sheet.vue';
import { showAreaStreetSheetMixin } from '../../components/custom_views/show-area-street-sheet-mixin'
import showCommonPicker from '../../components/custom_views/show-common-picker.vue';
import { showCommonPickerMixin } from '../../components/custom_views/show-common-picker-mixin';
import { Dict } from '../../components/custom_views/dict';
import { customDictList, acreageList } from '../../components/custom_views/custom_dict'
import { CustomDict } from '../../components/custom_views/custom_dict';
import { checkBuy, getDefaultPostDto } from '@/components/post_item/post_add_sell_dto';
import { Api } from '../../api/api';
import { commonMixin } from '../../components/custom_views/mixin';

export default {
  components: {
    BhTitle,
    RangeSlider,
    showAreaStreetSheet,
    showCommonPicker
  },
  mixins: [
    commonMixin
  ],
  data() {
    return {
    }
  },

  onLoad() {

  },
  methods: {
    buyPost() {
      this.updateUserRole(Dict.PostMainTypeEnum.Shop.childs.ShopBuy.value)
      uni.navigateTo({
        url: '/pages/home/home?fromHomeBefore=1'
      })
    },
    sellPost() {
      this.updateUserRole(Dict.PostMainTypeEnum.Shop.childs.ShopSell.value)
      uni.navigateTo({
        url: '/pages/home/home?fromHomeBefore=1'
      })
    }
  },
  watch: {},


  // 页面周期函数--监听页面初次渲染完成
  onReady() { },
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() { },
  // 页面周期函数--监听页面隐藏
  onHide() { },
  // 页面周期函数--监听页面卸载
  onUnload() { },
  // 页面处理函数--监听用户下拉动作
  // onPullDownRefresh() { uni.stopPullDownRefresh(); },
  // 页面处理函数--监听用户上拉触底
  // onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  // onPageScroll(event) {},
  // 页面处理函数--用户点击右上角分享
  // onShareAppMessage(options) {},
}
</script>

<style scoped lang="scss">
@import url(../../static/css/base.css);

.container {
  background-color: #F5F9FA;
  width: 100%;
  min-height: 100vh;

  .logo {
    margin-top: 400rpx;
    width: 144rpx;
    height: 140rpx;
    text-align: center;
  }

  .title {
    margin-top: 48rpx;
    text-align: center;
    font-size: 48rpx;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0px;

    color: rgba(0, 0, 0, 0.85);
  }

  .sub-title {
    margin-top: 32rpx;
    font-size: 32rpx;
    font-weight: 600;
    text-align: center;

    color: rgba(0, 0, 0, 0.85);
  }
}

.body-container {
  background-color: white;
  margin-top: 32rpx;
  margin-bottom: 32rpx;
  padding-left: 68rpx;
  padding-right: 56rpx;

  .body-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 26rpx;
    padding-bottom: 26rpx;

    .prefix-icon {
      width: 40rpx;
      height: 40rpx;
      margin-right: 29rpx;
    }

    .body-title {
      font-size: 32rpx;
      font-weight: 600;
      color: #333333;
      flex: 1;
    }

    .sufix-wrap {
      width: 70rpx;

      .sufix-content {
        font-size: 28rpx;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.85);

        .nickname-arrow {
          width: 16rpx;
          height: 26rpx;
        }
      }

      .sufix-holder {
        font-size: 24rpx;

        color: #999999;
      }
    }
  }
}
</style>